.sidebox {
  width: 35px;
  position: fixed;
  top: 0;
  right: 0px;
  z-index: 1000;
  min-height: 100%;
}
.sidebox_pane1 {
  width: 35px;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  background: #6c6c6c;
}
.sidebox_pane1_one {
  position: absolute;
  top: 50%;
  margin-top: -200px;
  left: 0;
  z-index: 10;
  background: #6c6c6c;
}
.sidebox_pane1_one li {
  margin-bottom: 21px;
  width: 35px;
  position: relative;
}
.sidebox_pane1_one span {
  display: block;
}
.sidebox_span1 {
  height: 35px;
  background: url(../images/sidebox.png) no-repeat;
}
.sidebox_span2_1 {
  height: 35px;
  background: url(../images/sidebox.png) no-repeat 0 -35px;
}
.sidebox_span2_2 {
  color: #fff;
  display: block;
  width: 15px;
  margin: 5px auto 10px;
}
.sidebox_span2_3 {
  color: #fff;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 32px;
  background: url(../images/sidebox.png) no-repeat 0 -210px;
  font-family: Arial;
  font-size: 14px;
}
.sidebox_span3_1 {
  height: 35px;
  background: url(../images/sidebox.png) no-repeat 0 -70px;
}
.sidebox_span4_1 {
  height: 35px;
  background: url(../images/sidebox.png) no-repeat 0 -105px;
}
.hover_box {
  display: none;
  height: 35px;
  width: 83px;
  position: absolute;
  top: 0px;
  left: -95px;
  line-height: 35px;
  text-align: center;
  background: #6c6c6c;
}
.hover_box a {
  float: left;
  color: #ffffff;
  font-size: 12px;
  margin-left: 8px;
}
